<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ page language="java" import="java.util.*"%>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<%
	Integer id = 1;
	String col = "#collapse";
%>
	<div class="sideBar">
		<!-- bát đầu menu 1 -->
		<div class="panel-group" id="accordion">
			<!-- cái này là block -->
			<!-- set menu ngoài -->
			<s:iterator value="listSubCat" id="list">
				<div class="panel panel-default">
					<div class="list-group">
						<h4 class="panel-title">
							<%
								String collapse = "href=" + "'" + col + id + "'";
							%>
							<a class="list-group-item" data-toggle="collapse"
								data-parent="#accordion" <%=collapse%>><Strong> <s:property
										value="mainCatName" />
							</Strong> </a>
						</h4>
					</div>
					<div id="collapse<%=id%>" class="panel-collapse collapse">
						<s:iterator value="listinfo" id="list1">
							<div class="panel-body">
								<div class="list-group">
									<s:a action="listProductByCat" cssClass="list-group-item">
										<s:property value="catName" />
										<s:param name="catID" value="catID" />
									</s:a>
								</div>
							</div>
						</s:iterator>
					</div>
					<!-- end set menu 2 -->
				</div>
				<!-- end menu 1 -->
				<%
					id += 1;
				%>
			</s:iterator>
		</div>
		<!-- div end block -->
	</div>
